<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page isErrorPage="true"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>
<!--{if isset($error) && $error == 1}

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<p align="center">
    <font size="3" color="#333333">
    <font face="tahoma,arial,helvetica,sans-serif">
    Bạn chưa đăng nhập!
    </font>
    </font>
</p>
{else}-->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Don Hang - MPCamera.com</title>
        <link href="<c:url value="/resources/css/detailorder.css"/>" rel="stylesheet" type="text/css">
    </head>
    <body>
        <table border="0" cellpadding="0" cellspacing="0" width="800px" align="center">
            <tbody>
                <tr>
                    <td style="border-top:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid">
                        <table border="0" cellpadding="5" cellspacing="0" width="100%" align="center">
                            <tbody>
                                <tr>
                                    <td width="50%">
                                        <div align="center">
                                            <a href="<c:url value="/"/>" target="_blank">
                                                <img src="<c:url value="/resources/images/bannertop.jpg"/>" border="0" height="116">
                                            </a>
                                        </div>
                                    </td>
                                    <td style="padding-left:30px; line-height:150%;">
                                        <strong>CÔNG TY TNHH Mờ Pê Camera</strong><br>
                                        <strong>Address:</strong> 774 Nguyễn Chí Thanh, Q.11, Tp. HCM<br>
                                        <strong>Tel:</strong> 0907 01 2223 - 01222 071<br>
                                        <strong>Email:</strong> info@MPCamera.com<br>
                                        <strong>Website:</strong> <a href="<c:url value="/"/>" target="_blank">www.MPCamera.com</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <!--
                {if $detailorder_error == 1}
                <tr>
                    <td>
                        <p align="center">
                            <font size="3" color="#333333">
                            <font face="tahoma,arial,helvetica,sans-serif">
                            Bạn không có quyền xem hóa đơn này
                            </font>
                            </font>
                        </p>
                    </td>
                </tr>
                else
                -->
                <tr>
                    <td style="padding:20px; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid">
                        <!-- Mã đơn hàng và ngày đặt hàng -->
                        <table border="0" cellpadding="2" cellspacing="0" width="98%" align="center">
                            <tbody>
                                <tr>
                                    <td width="50%">
                                        <strong>Mã đơn hàng: 
                                            <font color="#FF0000">${hoaDon.getCodeHoaDon()}</font>
                                        </strong>
                                    </td>
                                    <td>
                                        <strong>Ngày đặt hàng:</strong>
                                        <font color="#FF0000">
                                        <strong><fmt:formatDate pattern="dd-MM-yyyy hh:mm:ss" value="${hoaDon.getNgayDatHang()}"/></strong>
                                        </font>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- Thông tin đặt hàng và thông tin giao hàng-->

                        <table border="0" cellpadding="0" cellspacing="0" width="98%" align="center">
                            <tbody>
                                <tr>
                                    <td valign="top" width="50%">
                                        <table border="0" cellpadding="2" cellspacing="0" width="100%" align="center">
                                            <tbody>
                                                <tr>
                                                    <td height="30"><strong>Thông tin đặt hàng:</strong></td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table border="0" cellpadding="2" cellspacing="0" width="100%" align="center">
                                                            <tbody>
                                                                <tr>
                                                                    <td valign="top" width="25%">Tên đầy đủ:&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getNguoiDungByMaNd().getHoTen()}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="top">Điện thoại:&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getNguoiDungByMaNd().getSoDienThoai()}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="top">Địa chỉ email:&nbsp;&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getNguoiDungByMaNd().getEmail()}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="top">Địa chỉ:&nbsp;&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getNguoiDungByMaNd().getDiaChi()}</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td valign="top">
                                        <table border="0" cellpadding="2" cellspacing="0" width="100%" align="center">
                                            <tbody>
                                                <tr>
                                                    <td height="30">
                                                        <strong>Thông tin giao hàng:</strong>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table border="0" cellpadding="2" cellspacing="0" width="100%" align="center">
                                                            <tbody>
                                                                <tr>
                                                                    <td valign="top" width="25%">Tên đầy đủ:&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getTenNguoiNhan()}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="top">Điện thoại:&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getSoDienThoai()}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="top">Địa chỉ email:&nbsp;&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getEmail()}</td>
                                                                </tr>
                                                                <tr>
                                                                    <td valign="top">Địa chỉ:&nbsp;&nbsp;</td>
                                                                    <td valign="top">${hoaDon.getDiaChi()}</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- Phương thức thanh toán -->

                        <table border="0" cellpadding="2" cellspacing="0" width="98%" align="center">
                            <tbody>
                                <tr>
                                    <td height="30">
                                        <strong>Phương thức thanh toán: </strong>
                                        <font color="#FF0000">
                                        <c:if test="${hoaDon.getCachThanhToan()==1}">
                                            <strong>Thanh toán tiền mặt khi giao hàng tận nơi</strong>
                                        </c:if>
                                        <c:if test="${hoaDon.getCachThanhToan()==2}">
                                            <strong>Thanh toán chuyển khoản qua ngân hàng hay qua ATM</strong>
                                        </c:if>

                                        </font>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <strong> Yêu cầu khác: </strong>
                                        ${hoaDon.getGhiChu()}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <br>
                        <table style="border-collapse:collapse" border="0" cellpadding="2" cellspacing="0" width="98%" align="center">
                            <tbody>
                                <tr>
                                    <td class="bgmenupro border3" bgcolor="#DDDDDD" height="30" width="5%">
                                        <div align="center">
                                            <strong>STT</strong>
                                        </div>
                                    </td>
                                    <td class="bgmenupro border3" bgcolor="#DDDDDD" width="10%">
                                        <div align="center">
                                            <strong>Hình ảnh</strong>
                                        </div>
                                    </td>
                                    <td class="bgmenupro border3" bgcolor="#DDDDDD">
                                        <div align="center">
                                            <strong>Tên sản phẩm</strong>
                                        </div>
                                    </td>
                                    <td class="bgmenupro border3" bgcolor="#DDDDDD" width="18%">
                                        <div align="center">
                                            <strong>Giá tiền</strong>
                                        </div>
                                    </td>
                                    <td class="bgmenupro border3" bgcolor="#DDDDDD" width="10%">
                                        <div align="center">
                                            <strong>Số lượng</strong>
                                        </div>
                                    </td>
                                    <td class="bgmenupro borderfull" bgcolor="#DDDDDD" width="18%">
                                        <div align="center">
                                            <strong>Thành tiền</strong>
                                        </div>
                                    </td>
                                </tr>
                                <!-- Danh sách các mặt hàng đã mua -->
                                <c:forEach var="cthd" varStatus="cthdCounter" items="${listCTHD}">
                                    <tr>

                                        <td class="fontsizecart border3">
                                            <div align="center">${cthdCounter.count}</div>
                                        </td>
                                        <td class="border3">
                                            <div align="center">
                                                <a target="_blank" href="<c:url value="/productdetail/${cthd.getSanPham().getMaSp()}"/>">
                                                    <img src="<c:url value="/resources/images/product/${cthd.getSanPham().getHinh()}"/>" alt="${cthd.getSanPham().getTenSanPham()}" width="60" border="0">

                                                </a>
                                            </div>
                                        </td>
                                        <td class="fontsizecart border3">
                                            <div align="center">
                                                <a target="_blank" href="<c:url value="/productdetail/${cthd.getSanPham().getMaSp()}"/>" class="linkcart">${cthd.getSanPham().getTenSanPham()}</a>
                                            </div>
                                        </td>
                                        <td class="cartprice fontsizecart border3"><fmt:formatNumber type="number" value="${cthd.getDonGia()}"/>VND</td>
                                        <td class="border3">
                                            <div align="center">${cthd.getSoLuong()}</div>
                                        </td>
                                        <td class="cartprice fontsizecart borderfull"><fmt:formatNumber type="number" value="${(cthd.getDonGia()*cthd.getSoLuong())}"/> VNĐ</td>
                                    </tr>

                                </c:forEach>
                                <!-- End - Danh sách các mặt hàng đã mua -->
                                <tr>
                                    <td colspan="5" class="cartprice fontred fontsizecart border3">
                                        <strong>Tổng giá trị</strong>
                                    </td>
                                    <td class="cartprice fontred fontsizecart borderfull"><fmt:formatNumber type="number" value="${hoaDon.getTongTriGia()}"/>  VNĐ</td>
                                </tr>

                                <tr>
                                    <td colspan="5" class="cartprice fontsizecart border3">Chi phí vận chuyển</td>
                                    <td class="cartprice fontsizecart borderfull">Miễn phí</td>
                                </tr>

                                <tr>
                                    <td colspan="5" class="cartprice fontred fontsizecart border3">

                                        <strong>Tổng giá trị thanh toán</strong>
                                    </td>
                                    <td class="cartprice fontred fontsizecart borderfull">
                                        <strong><fmt:formatNumber type="number" value="${hoaDon.getTongTriGia()}"/>VND</strong>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="border-top:10px;">
                        <i>
                            <font color="#666666">Cảm 
                            ơn bạn đã ghé thăm website và lựa chọn sản phẩm cũng như dịch vụ của 
                            chúng tôi. Bạn có thể kiểm tra chi tiết đơn hàng, trạng thái đơn hàng, 
                            cùng với lịch sử mua hàng của bạn tại địa chỉ: 
                            <a href="<c:url value="/hoadon"/>" target="_blank">http://www.MPCamera.com/hoadon</a><br>
                            Mọi yêu cầu hoặc góp ý về dịch vụ. 
                            Quý khách vui lòng liên hệ bộ phận KD: 0907 01 2223 - 01222 071 866 hoặc 
                            email: <a href="mailto:info@MPCamera.com">info@MPCamera.com</a>
                            </font>
                        </i>
                    </td>
                </tr>
            </tbody>
        </table>

        <style type="text/css">
            body,td{
                font-family: Tahoma, Arial, Helvetica, sans-serif;
                font-size:12px;
                text-align:left;
                line-height:130%;
            }
            .font11{
                color: #000000;
                Font-family: Tahoma, Arial, Helvetica, sans-serif;
                font-size: 11px;
                text-align:left;
                line-height:130%;}

            .ktsborder3{
                border-left:1px #CCCCCC solid;
                border-top:1px #CCCCCC solid;
                border-bottom:1px #CCCCCC solid;
            }	
            .borderfull{
                border-left:1px #CCCCCC solid;
                border-right:1px #CCCCCC solid;
                border-top:1px #CCCCCC solid;
                border-bottom:1px #CCCCCC solid;
            }
            .border
            .cartprice{
                text-align:right;
                padding-right:15px;
            }
            .fontsizecart{
                font-size:12px;
            }
            .bgmenupro{
                background-image:url('<c:url value="/resources/images/bgtitletable.jpg"/>');
                background-repeat:repeat-x;
                background-position:top;
            }
            .fontred{ color:#FF0000; font-weight:bold;}
        </style>
        <br>
        <br>
        <div align="center">
            <a href="#" onclick="javascript:window.print()">
                <img src="<c:url value="/resources/images/icon5.jpg"/>" border="0" height="14" width="49">
            </a>
        </div>
        <table border="0" cellpadding="0" cellspacing="0" width="98%" align="center">
            <tbody>
                <tr>
                    <td height="40">
                        <div align="center">Designed By TMDT Group. Copyright © 2012</div> 
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
<!--
{/if}

